<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Daum - Admin</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body id="list">

	<div class="top">
		<!-- 로고 -->
		<div class="logo f_l">
			<div class="f_l"><h1><a href="/main/list.daum" target="_top"><img src="images/logo.gif" alt="Daum 메인으로 이동" /></a></h1></div>
			<div class="f_r"><span class="screen_out">Daum Corporation Website Management System</span></div>
		</div>
		<!-- 회원 버튼 -->
		<div class="top_navi">
			<a href="#" title="modify" class="btn">modify</a>
			<a href="#" title="logout" class="btn">Logout</a>
		</div>
	</div>

	<!-- Gnb -->
	<div class="menu_wrap">
		<h2 class="screen_out">서비스 메뉴</h2>
		<div class="menu">
			<ul>
				<li class="tlmenu"><a href="#" title="About 다음으로 이동" class="gnb on">About 다음</a><div class="bar"></div></li>
				<li class="tlmenu"><a href="#" title="IR로 이동" class="gnb">IR</a><div class="bar"></div></li>
				<li class="tlmenu"><a href="#" title="CAREER로 이동" class="gnb">CAREER</a><div class="bar"></div></li>
				<li class="tlmenu"><a href="#" title="PR로 이동" class="gnb">PR</a><div class="bar"></div></li>
				<li class="tlmenu"><a href="#" title="Innovative Space로 이동" class="gnb">Innovative Space</a></li>
			</ul>
		</div>
		<div class="f_r">
			<ul>
				<li class="trmenu"><a href="#" title="메인 관리로 이동" class="btn on">메인 관리</a></li>
				<li class="trmenu"><a href="#" title="메뉴 관리로 이동" class="btn">메뉴 관리</a></li>
				<li class="trmenu"><a href="#" title="권한 관리로 이동" class="btn">권한 관리</a></li>
				<li class="trmenu"><a href="#" title="통계 관리로 이동" class="btn">통계 관리</a></li>
			</ul>
		</div>
	</div>

	<!-- 현재위치 -->
	<div class="location">
		<a href="#" title="Home" class="loca icon"><span class="screen_out">Home</span></a><div class="icon"></div>
		<a href="#" title="Daum info" class="loca strong">Daum info</a><div class="icon"></div>
		<a href="#" title="지속가능성" class="loca">지속가능성</a><div class="icon"></div>
		<a href="#" title="지속가능보고서" class="loca">지속가능보고서</a>
	</div>


	<div class="contents">
		
		<!-- lnb -->
		<div class="lnb">
			<h3 class="screen_out">서비스 메뉴</h3>
			<ul>
				<li class="first on leftm" onclick="location.href='#'"><span>지속가능성</span></li>
				<li class="dth">
					<ul>
						<li class="on slnb" onclick="location.href='#'"><span class="mgl10px"><span class="strong"></span>지속가능보고서</span></li>
						<li class="slnb" onclick="location.href='#'"><span class="mgl10px"><span class="strong"></span>소메뉴2222222222</span></li>
					</ul>
				</li>
				<li class="leftm" onclick="location.href='#'"><span>나눔이야기</span></li>
				<li class="leftm" onclick="location.href='#'"><span>연혁</span></li>
				<li class="leftm" onclick="location.href='#'"><span>다음 리더십</span></li>
				<li class="leftm" onclick="location.href='#'"><span>사업현황</span></li>
				<li class="last leftm" onclick="location.href='#'"><span>나눔이야기</span></li>
			</ul>
		</div>

		<!-- 내용 -->
		<div class="content">
			<!-- 페이지 제목 -->
			<h5>지속가능보고서 관리 / 목록</h5>

			<!-- btn -->
			<div onclick="location.href='#'" class="pink_button f_r">
				<div class="btn pink_l"></div>
				<div class="btn pink_c">새 연대 만들기</div>
				<div class="btn pink_r"></div>
			</div>
			
			<div class="cl_b"></div>
			
			<div class="cl_st2">
				
				<div class="pt_li mgb30px">
					<div class="f_l wid200">
						<p class="pt_tit txt_center">2012 - 현재</p>
						<p class="pt_img"></p>
					</div>
					<div class="detail">
						<p class="fsize18 mgt5px">제목</p>
						<p class="mgt13px">
							연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.
						</p>						
					</div>
					<p class="btnr"><a href="#" title="수정하기" class="btn_blue">수정하기</a></p> 
				</div>

				<div class="pt_li mgb30px">
					<div class="f_l wid200">
						<p class="pt_tit txt_center">2009 - 2012</p>
						<p class="pt_img"></p>
					</div>
					<div class="detail">
						<p class="fsize18 mgt5px">제목</p>
						<p class="mgt13px">
							연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.
						</p>						
					</div>
					<p class="btnr" style="right:0;"><a href="#" title="수정하기" class="btn_blue">수정하기</a></p> 
				</div>

				<div class="pt_li mgb30px">
					<div class="f_l wid200">
						<p class="pt_tit txt_center">YYYY - YYYY</p>
						<p class="pt_img"></p>
					</div>
					<div class="detail">
						<p class="fsize18 mgt5px">제목</p>
						<p class="mgt13px">
							연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.연대별 설명문입니다.
						</p>						
					</div>
					<p class="btnr"><a href="#" title="수정하기" class="btn_blue">수정하기</a></p> 
				</div>

			</div>
			

			<!-- paging 
			<div class="paging">
				<span class="icon arrow moreleft"><span class="screen_out">맨처음</span></span>
				<span class="icon arrow left"><span class="screen_out">이전</span></span>
				<span class="icon arrow moreleft"><a href="#" class="screen_out">맨처음</a></span>
				<span class="icon arrow left"><a href="#" class="screen_out">이전</a></span>
				<a href="#" title="페이지 이동" class="pg">1</a><span class="icon bar"></span>
				<span class="pg">1</span><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">3</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">4</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">5</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">6</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">7</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">8</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">9</a><span class="icon bar"></span>
				<a href="#" title="페이지 이동" class="pg">10</a>
				<span class="icon arrow right"><a href="#" class="screen_out">다음</a></span>
				<span class="icon arrow moreright"><a href="#" class="screen_out">맨끝</a></span>
				<span class="icon arrow right"><span class="screen_out">다음</span></span>
				<span class="icon arrow moreright"><span class="screen_out">맨끝</span></span>
			</div>-->
		</div>
	</div>

</body>
</html>
